<?php loadPartial('head'); ?>
<?php loadPartial('navbar');?>
    <div class="flex justify-center items-center mt-20">
      <div class="bg-white p-8 rounded-lg shadow-md w-full md:w-500 mx-6">
        <h2 class="text-4xl text-center font-bold mb-4">注册</h2>
        <form>
          <div class="mb-4">
            <input
              type="text"
              name="name"
              placeholder="全名"
              class="w-full px-4 py-2 border rounded focus:outline-none"
              />
          </div>
          <div class="mb-4">
            <input
              type="email"
              name="email"
              placeholder="电子邮箱地址"
              class="w-full px-4 py-2 border rounded focus:outline-none"
              />
          </div>
          <div class="mb-4">
            <input 
              type="text"
              name="city"
              placeholder="城市"
              class="w-full px-4 py-2 border rounded focus:outline-none"
              />
        </div>
        <div class="mb-4">
            <input
              type="text"
              name="state"
              placeholder="省份"
              class="w-full px-4 py-2 border rounded focus:outline-none"
            />
        </div>
        <div class="mb-4">
             <input
              type="password"
              name="password"
              placeholder="密码"
              class="w-full px-4 py-2 border rounded focus:outline-none"
              />
        </div>
        <div class="mb-4">
        <input
             type="password"
             name="password confirmation"
             placeholder="确认密码"
             class="w-full px-4 py-2 border rounded focus:outline-none"
            />
        </div>
        <button
             type="submit" class="w-full bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded focus:outline-none">
            注册
        </button>
        <p class="mt-4 text-gray-500">
            已经有账号了?
          <a class="text-blue-900" href="login.html">登录</a>
        </p>
    </form>
    </div>
</div>
<?= loadPartial('footer') ?>